<template>
  <div class="swpier_button">
    <div @click="slideLeft" class="carousel-arrow left"></div>
    <div @click='slideRight' class="carousel-arrow right"></div>
  </div>  
</template>

<script>
export default {
    methods: {
      slideLeft() {
         this.$refs.slider.$emit('slidePre')
      },
      slideRight() {
        this.$refs.slider.$emit('slideNext')
      },
},
}
</script>

<style>

</style>